{% load i18n %}

<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<link href="/site-media/default.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" language="JavaScript1.2" src="/site-media/menu.js"></script>

{% block title%}{% endblock %}
</head>
<body>
	<div  class="main-content">
		<img src="/site-media/Images/banner.jpg"/>
		<div class="credentials">
			{% if user.is_SirogiManager %}
				<a href="/admin">
				{% trans "Admin"%}</a>
				<span> - </span>
			{% endif %}	
			{% if user and user.role%}
				<span>{% trans "Welcome "%}</span>
				<a href="/users/{{user.username}}">
				{{user.username}}</a>
				<span> - </span>
			{% endif %}
			{% if user.is_anonymous %}
				<a href="/login">
				{% trans "Log in" %}</a>
			{% else %}
				<a href="/logout">
				{% trans "Log out" %}</a>
			{% endif %}
		</div>
		<!--MENU JAVASCRIPT -->
		<ul id="sddm">
			<li><a href="#" 
				onmouseover="mopen('m1')" 
				onmouseout="mclosetime()">{% trans "Home" %}</a>
				<div id="m1" 
					onmouseover="mcancelclosetime()" 
					onmouseout="mclosetime()">
				<a href="/main">{% trans "Home page" %}</a>
				</div>
			</li>
			<li><a href="#" 
				onmouseover="mopen('m2')" 
				onmouseout="mclosetime()">{% trans "Users" %}</a>
				<div id="m2" 
					onmouseover="mcancelclosetime()" 
					onmouseout="mclosetime()">
				<a href="/users">{% trans "Search for users" %}</a>
				<a href="/letter">{% trans "Send letter" %}</a>
				<a href="/letter/list">{% trans "View letters" %}</a>
				</div>
			</li>
			<li><a href="#" 
				onmouseover="mopen('m3')" 
				onmouseout="mclosetime()">{% trans "Documents" %}</a>
				<div id="m3" 
					onmouseover="mcancelclosetime()" 
					onmouseout="mclosetime()">
				<a href="/documents">{% trans "Search for documents" %}</a>
				<a href="/documents/write_document">{% trans "Add a new document" %}</a>
				<a href="/approve">{% trans "Approve a document" %}</a>
				<a href="/documents/list_approved_view_docs/">{% trans "Download documents" %}</a>
				</div>
			</li>
			<li><a href="#">{% trans "About this site"%}</a></li>
		</ul>
		<div style="clear:both"></div>

		<!--FIN MENU JAVASCRIPT -->
		{% block content %}{% endblock %}
	</div>
</body>
</html>
